<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>超时页</title>
    <script src="https://lib.baomitu.com/vue/2.7.4/vue.min.js"></script>
    <script src="https://lib.baomitu.com/element-ui/2.15.9/index.js"></script>
    <link href="https://lib.baomitu.com/element-ui/2.15.9/theme-chalk/index.min.css" rel="stylesheet">
    <script crossorigin="anonymous"
        integrity="sha512-n/4gHW3atM3QqRcbCn6ewmpxcLAHGaDjpEBu4xZd47N0W2oQ+6q7oc3PXstrJYXcbNU1OHdQ1T7pAP+gi5Yu8g=="
        src="https://lib.baomitu.com/jquery/3.6.0/jquery.js"></script>
    <link crossorigin="anonymous"
        integrity="sha512-SSF+OBDODWTSIqOivYBOyOKQ93PBDevipJEUEWtkUbTt4v34rmgPcCXcBMolxZIJcuobcdqmYJlonjUBEbOzNw=="
        href="https://lib.baomitu.com/layui/2.7.5/css/layui.css" rel="stylesheet">
    <script crossorigin="anonymous"
        integrity="sha512-Hic3upX4kluOSra6E0Cpb2NOjlMi6MajTaVmo/wMs5tBHoZniGGJzc5lO3AbAy1+SeqINdvFrXcuP3kXzPsxPQ=="
        src="https://lib.baomitu.com/layui/2.7.5/layui.js"></script>
    <script crossorigin="anonymous"
        integrity="sha512-q67OMX4cXCyMbd2bce1JiPTFS6pvkvmxFjwV4zxAo0xCCacPENecwec4VpU9jwLdfENizPiIssVbvLHC1uQ/SA=="
        src="https://lib.baomitu.com/vant/2.12.48/vant.js"></script>
    <link crossorigin="anonymous"
        integrity="sha512-I2U/uKXC9MvBXLNfIV8WYVBRbYS4vMFDr/LZxzBWzo4zaJ7wV4AQytk+osLgRCPTzJ7h9VNaa8seIwLl1H2iYw=="
        href="https://lib.baomitu.com/vant/2.12.48/index.css" rel="stylesheet">
</head>

<body style="background-color: #ffffff">
    <div id="app" style="padding: 0px;text-align: center;width: 100vw;;">
        <div style="margin: auto;">
            <el-result icon="warning" title="温馨提示">

                <template slot="extra">
                    <p style="color: #909399;">您的订单已经超时，请返回网站重新创建订单进行支付！</p>
                    <br>
                    <el-button type="primary" @click="openQQ" size="medium">联系平台QQ客服</el-button>
                </template>
            </el-result>
        </div>
    </div>
    <script>
        let v = new Vue({
            el: "#app",
            data() {
                return {}
            },
            methods: {
                openQQ() {
                    window.open('https://wpa.qq.com/msgrd?v=3&uin=1772891600&site=qq&menu=yes')
                }
            },
            mounted() {

            }
        })
    </script>
</body>

<style>
    body {
        background-color: #eeeeee;
    }

    #app {
        padding: 0em;
    }

    .el-dialog {
        border-radius: 10px;
    }
</style>

</html>